<template>
	<div class="stoppedzp">
		<el-row style="margin-top: 40px;margin-bottom: 24px;">
			<el-col >
				<head-top title='已停止招聘职位'></head-top>
				<div class="positions">
					<positioncom v-for="(item,index) in joblist" :item="item" :key='index'></positioncom>
					<div class="row" style="justify-content: flex-end;">
						<div class="pagination">
							<el-pagination background @current-change="handleCurrentChange" layout="prev, pager, next, jumper" :total="total">
							</el-pagination>
						</div>
					</div>
				</div>

			</el-col>
		</el-row>
	</div>
</template>

<script>
	import headTop from '@/components/headTop'
	import positioncom from '@/components/positioncom.vue'
	export default {
		data() {
			return {
				joblist: [{}, {}, {}],
				cur_page: 1,
				total: 100,
			}
		},
		components: {
			headTop,
			positioncom
		},
		created() {

		},
		methods: {
			//页面跳转
			goUrl(url) {
				console.log(url);
				this.$router.push({
					path: url
				})
			},

			// 分页导航
			handleCurrentChange(val) {
				this.cur_page = val;
				this.getList();
			},
		}
	}
</script>


<style lang="less" scoped="scoped">
	@import '../../style/mixin';

	.stoppedzp {
		.positions {
			display: flex;
			flex-direction: column;
			margin-top: 24px;
		}

	}
</style>
